<template>
  <el-form label-position="top" class="p-10">
    <el-form-item label="提示内容">
      <el-input v-model="activeData.extConfig.tipMsg"></el-input>
    </el-form-item>
    <el-form-item label="是否dark主题">
      <el-switch v-model="activeData.extConfig.tipEffect" />
    </el-form-item>
    <el-form-item label="提示出现位置">
          <el-select
            v-model="activeData.extConfig.tipPlacement"
            placeholder="请选择"
          >
            <el-option
              v-for="item in placementOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
  </el-form>
</template>
<script>
export default {
  name: "toast-config",
  props: ["activeData"],
  data() {
    return {
      placementOptions: [
        {
          value: "bottom",
          label: "下边",
        },
        {
          value: "right",
          label: "右边",
        },
      ],
    };
  },
  computed: {},
  watch: {},
  methods: {},
};
</script>
